<link type="text/css" href="/com/slideshow/css/slideshow.css" rel="stylesheet" />  
<script src="/api/jquery/jquery.js"></script>   

<script type="text/javascript">

 // grundeinstellung
    
      $(document).ready(function() {
   
          $("#slideshow_previous").hide();

      });


 
 
function setSlideshowImage() {
    
    $("#slideshow_comment").html(commentSlideshow[currentImageSlideshow]);
    $("#slideshow_image").attr("src", imageSlideshow[currentImageSlideshow]);
    
    // previous deaktivieren
    if (currentImageSlideshow == 0) { 
        $("#slideshow_previous").hide();
    } else {
        $("#slideshow_previous").show();
    }
    
    // next deaktivieren
    if (currentImageSlideshow == (maxImageSlideshow-1)) { 
        $("#slideshow_next").hide();
    } else {
        $("#slideshow_next").show();
    }
    
    
    // progress
    status = currentImageSlideshow+1;
    status = status+"/"+maxImageSlideshow;
    $("#slideshow_progress").html(status); 
    
    
}

</script>